body{
    display: flex;
    flex-direction: column;
    header{
        width: 100%;
        height: 300px;
        background: #000;
        position: relative;
        .icon-31fanhui1{
            position: absolute;
            top: 20px;
            left: 20px;
            color: #fff;
        }
        .icon-24gf-play{
            font-size: 60px;
            position: absolute;
            top: calc(50% - 30px);
            left: calc(50% - 30px);
            color: #fff;
            .txt{
                font-size: 14px;
            }
        }

    }
    main{
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        .name{
            width: 90%;
            min-height: 100px;
            display: flex;
            flex-direction: column;
            .headline{
                font-size: 20px;
                font-weight: bold;
                margin-top: 20px;
                padding: 10px 0;
            }
            .details{
                display: flex;
                justify-content: flex-end;
                .txts{
                    display: flex;
                    width: 20%;
                    span{
                        font-size: 18px;
                        font-weight: bold;
                    }
                }
                .txtman{
                    flex: 1;
                    text-align: right;
                    display: flex;
                    
                }

            }


            
        }
    }
}